<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="VUEJS/vue.js"></script>
	</head>
	<body>
		<h1>{{address}}</h1>
		<div id="app">
		<h2>{{address}}{{play}}</h2>
		<h3>{{address}}{{play}}</h3>
		<h4>{{address}}{{play}}</h4>
		<h5>{{address}}{{play}}</h5>
		
		<!--
		要操作Vue数据，必须设置一个指令V-model
		1.操纵页面元素view，数据model发生变化
		2.操纵数据model，页面元素内容view随之变化
		Vue和Js，Jqurey有本质的区别
		-->
		<input type="text" id="address" v-model="address" />
		</div>
	</body>
	<script>
		var vm=new Vue({
			el:"#app",
			data:{
				address:"成都锦里",
				play:"好好玩！"
			}
		});
		
	</script>
</html>
